import React, { useRef, useEffect } from 'react';
// import * as echarts from 'echarts';
import ReactEcharts from 'echarts-for-react'
import './index.scss'


const AnalysisChart = () => {
    const chartRef = useRef(null) // 初始值
    const data = {
        "nodes": [
            //银行信息
            {itemStyle: {color: '#9e98bd',borderColor: '#9e98bd'}, "name": "a银行" },
            {itemStyle: {color: '#5ba33b',borderColor: '#5ba33b'}, "name": "b银行" },
            {itemStyle: {color: '#666666',borderColor: '#666666'}, "name": "c银行" },
            {itemStyle: {color: '#69797E',borderColor: '#69797E'}, "name": "d银行" },
            {itemStyle: {color: '#72A376',borderColor: '#72A376'}, "name": "e银行" },
            {itemStyle: {color: '#e65e20',borderColor: '#e65e20'}, "name": "f银行" },
            //一级菜单
            {itemStyle: {color: '#9B2D1F',borderColor: '#9B2D1F'}, "name": "价格指标" },
            {itemStyle: {color: '#604878',borderColor: '#604878'}, "name": "市场观察" },
            {itemStyle: {color: '#A5644E',borderColor: '#A5644E'}, "name": "风险扫描" },
            {itemStyle: {color: '#2D3F3A',borderColor: '#2D3F3A'}, "name": "旗舰店" },
            {itemStyle: {color: '#761721',borderColor: '#761721'}, "name": "ESG/绿色金融" },
            {itemStyle: {color: '#B1BADD',borderColor: '#B1BADD'}, "name": "分析工具" },
            {itemStyle: {color: '#B0CCB0',borderColor: '#B0CCB0'}, "name": "智慧数据" },
            {itemStyle: {color: '#8164A3',borderColor: '#8164A3'}, "name": "组合管理" },
            {itemStyle: {color: '#8E562E',borderColor: '#8E562E'}, "name": "量化平台" },
            {itemStyle: {color: '#C1504D',borderColor: '#C1504D'}, "name": "中债之声" },
            {itemStyle: {color: '#CCAF0A',borderColor: '#CCAF0A'}, "name": "个人中心" },
            {itemStyle: {color: '#956251',borderColor: '#956251'}, "name": "在线客服" },

            //二级菜单
            {itemStyle: {color: '#C17529',borderColor: '#C17529'}, "name": "中债收益率曲线" },
            {itemStyle: {color: '#CEC597',borderColor: '#CEC597'}, "name": "中债估值" },
            {itemStyle: {color: '#9F2936',borderColor: '#9F2936'}, "name": "中债指数" },
            {itemStyle: {color: '#ac7430',borderColor: '#ac7430'}, "name": "中债统计监测" },
            {itemStyle: {color: '#CD7B38',borderColor: '#CD7B38'}, "name": "基准利率综合屏" },
            {itemStyle: {color: '#424242',borderColor: '#424242'}, "name": "企业债发行总览" },
            {itemStyle: {color: '#f63185',borderColor: '#f63185'}, "name": "信用债透视" },
            {itemStyle: {color: '#9CBC59',borderColor: '#9CBC59'}, "name": "地区经济数据库" },
            {itemStyle: {color: '#4F4BD9',borderColor: '#4F4BD9'}, "name": "发行人报告" },
            {itemStyle: {color: '#3EC562',borderColor: '#3EC562'}, "name": "国家开发银行" },
            {itemStyle: {color: '#C3986D',borderColor: '#C3986D'}, "name": "中国农业发展银行" },
            {itemStyle: {color: '#4D291C',borderColor: '#4D291C'}, "name": "中国进出口银行" },
            {itemStyle: {color: '#009c7a',borderColor: '#009c7a'}, "name": "中债ESG评价" },
            {itemStyle: {color: '#986F0B',borderColor: '#986F0B'}, "name": "中债绿债专题" },
            {itemStyle: {color: '#3C8EA4',borderColor: '#3C8EA4'}, "name": "发行定价工具" },
            {itemStyle: {color: '#4F82BE',borderColor: '#4F82BE'}, "name": "债券计算器" },
            {itemStyle: {color: '#D38017',borderColor: '#D38017'}, "name": "指数计数器" },
            {itemStyle: {color: '#A8CDD7',borderColor: '#A8CDD7'}, "name": "数据浏览器" },
            {itemStyle: {color: '#7A072D',borderColor: '#7A072D'}, "name": "债券筛选" },
            {itemStyle: {color: '#859599',borderColor: '#859599'}, "name": "数据下载通道" },
            {itemStyle: {color: '#84AA33',borderColor: '#84AA33'}, "name": "量化研究" },
            {itemStyle: {color: '#ff8b67',borderColor: '#ff8b67'}, "name": "量化手册" },
            {itemStyle: {color: '#1B587C',borderColor: '#1B587C'}, "name": "组合管理 " },
            {itemStyle: {color: '#A19574',borderColor: '#A19574'}, "name": "中债之声 " },
            {itemStyle: {color: '#918485',borderColor: '#918485'}, "name": "个人中心 " },
            {itemStyle: {color: '#FFA98C',borderColor: '#FFA98C'}, "name": "在线客服 " },
        ],
        "links": [
            // a
            { "source": "a银行", "target": "价格指标", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "市场观察", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "企业债发行总览", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "风险扫描", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "信用债透视", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "地区经济数据库", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "发行人报告", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "旗舰店", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "国家开发银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国农业发展银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "ESG/绿色金融", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债ESG评价", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债绿债专题", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "分析工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "发行定价工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "指数计数器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "智慧数据", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据浏览器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "债券筛选", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据下载通道", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "组合管理", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "量化平台", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化手册", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "中债之声", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "在线客服", "value": (Math.random()*10000).toFixed(2) },
            //一级到三级机构
            { "source": "a银行", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            //b
            { "source": "b银行", "target": "价格指标", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "市场观察", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "企业债发行总览", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "风险扫描", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "信用债透视", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "地区经济数据库", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "发行人报告", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "旗舰店", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "国家开发银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国农业发展银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "ESG/绿色金融", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债ESG评价", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债绿债专题", "value": (Math.random()*10000).toFixed(2) },
            { "source": "a银行", "target": "分析工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "发行定价工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "指数计数器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "智慧数据", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据浏览器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "债券筛选", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据下载通道", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "组合管理", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "量化平台", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化手册", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "中债之声", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "在线客服", "value": (Math.random()*10000).toFixed(2) },
            //一级到三级机构
            { "source": "b银行", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "b银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            // c
            { "source": "c银行", "target": "价格指标", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "市场观察", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "企业债发行总览", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "风险扫描", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "信用债透视", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "地区经济数据库", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "发行人报告", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "旗舰店", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "国家开发银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国农业发展银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "ESG/绿色金融", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债ESG评价", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债绿债专题", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "分析工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "发行定价工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "指数计数器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "智慧数据", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据浏览器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "债券筛选", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据下载通道", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "组合管理", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "量化平台", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化手册", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "中债之声", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "在线客服", "value": (Math.random()*10000).toFixed(2) },
            //一级到三级机构
            { "source": "c银行", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "c银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            // d 
            { "source": "d银行", "target": "价格指标", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "市场观察", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "企业债发行总览", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "风险扫描", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "信用债透视", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "地区经济数据库", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "发行人报告", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "旗舰店", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "国家开发银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国农业发展银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "ESG/绿色金融", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债ESG评价", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债绿债专题", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "分析工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "发行定价工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "指数计数器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "智慧数据", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据浏览器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "债券筛选", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据下载通道", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "组合管理", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "量化平台", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化手册", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "中债之声", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "在线客服", "value": (Math.random()*10000).toFixed(2) },
            //一级到三级机构
            { "source": "d银行", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "d银行", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            // e
            { "source": "e银行", "target": "价格指标", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "市场观察", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "企业债发行总览", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "风险扫描", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "信用债透视", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "地区经济数据库", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "发行人报告", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "旗舰店", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "国家开发银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国农业发展银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "ESG/绿色金融", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债ESG评价", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债绿债专题", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "分析工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "发行定价工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "指数计数器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "智慧数据", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据浏览器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "债券筛选", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据下载通道", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "组合管理", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "量化平台", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化手册", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "中债之声", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "在线客服", "value": (Math.random()*10000).toFixed(2) },
            //一级到三级机构
            { "source": "e银行", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "e银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            // f
            { "source": "f银行", "target": "价格指标", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债收益率曲线", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "价格指标", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "市场观察", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "市场观察", "target": "企业债发行总览", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "风险扫描", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "信用债透视", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "地区经济数据库", "value": (Math.random()*10000).toFixed(2) },
            { "source": "风险扫描", "target": "发行人报告", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "旗舰店", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "国家开发银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国农业发展银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "旗舰店", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "ESG/绿色金融", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债ESG评价", "value": (Math.random()*10000).toFixed(2) },
            { "source": "ESG/绿色金融", "target": "中债绿债专题", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "分析工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "发行定价工具", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "分析工具", "target": "指数计数器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "智慧数据", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据浏览器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "债券筛选", "value": (Math.random()*10000).toFixed(2) },
            { "source": "智慧数据", "target": "数据下载通道", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "组合管理", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "量化平台", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "量化平台", "target": "量化手册", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "中债之声", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "在线客服", "value": (Math.random()*10000).toFixed(2) },
            //一级到三级机构
            { "source": "f银行", "target": "量化研究", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "中债估值", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "中债指数", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "中债统计监测", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "基准利率综合屏", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "债券计算器", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "中国进出口银行", "value": (Math.random()*10000).toFixed(2) },
            { "source": "f银行", "target": "个人中心", "value": (Math.random()*10000).toFixed(2) },

            { "source": "组合管理", "target": "组合管理 ", "value": (Math.random()*10000).toFixed(2) },
            { "source": "个人中心", "target": "个人中心 ", "value": (Math.random()*10000).toFixed(2) },
            { "source": "在线客服", "target": "在线客服 ", "value": (Math.random()*10000).toFixed(2) },
            { "source": "中债之声", "target": "中债之声 ", "value": (Math.random()*10000).toFixed(2) },
        ]
    }

    const initCharts = () => {
        return {
            title: {
                // text: 'Sankey Diagram'
            },
            tooltip: {
                trigger: 'item',
                triggerOn: 'mousemove'
            },
            
            series: [
                {
                    type: 'sankey',
                    data: data.nodes,
                    links: data.links,
                    nodeGap: 14,
                    emphasis: {
                        focus: 'adjacency'
                    },
                    levels: [
                        {
                            depth: 0,
                            lineStyle: {
                                color: 'source',
                                opacity: 0.6
                            },
                            label:{
                                fontSize:14
                            }
                        },
                        {
                            depth: 1,
                            lineStyle: {
                                color: 'source',
                                opacity: 0.6
                            },
                            label:{
                                fontSize:12
                            }
                        },
                        {
                            depth: 2,
                            lineStyle: {
                                color: 'source',
                                opacity: 0.6
                            },
                            label:{
                                fontSize:8
                            }
                        },
                    ],
                    lineStyle: {
                        curveness: .5
                    }
                }
            ]
        }
    }

    useEffect(() => {
        console.log(123)
    })

    return (
        <div ref={chartRef} style={{ height: '450px' }} className='chartRef'>
            <ReactEcharts
                option={initCharts()}>
                style={{ height: '(Math.random()*10000).toFixed(2)%!important' }}
            </ReactEcharts>
        </div>

    )
}

export default AnalysisChart;